<script setup lang="ts">
import { ref } from 'vue';
const options = [
  {
    label: '北京',
    value: '110000',
    children: [
      { label: '东城区', value: '110101' },
      { label: '西城区', value: '110102' },
      { label: '朝阳区', value: '110105' },
      { label: '丰台区', value: '110106' },
      { label: '石景山区', value: '110107' },
      { label: '海淀区', value: '110108' },
      { label: '门头沟区', value: '110109' },
      { label: '房山区', value: '110111' },
      { label: '通州区', value: '110112' },
      { label: '顺义区', value: '110113' },
      { label: '昌平区', value: '110114' },
      { label: '大兴区', value: '110115' },
      { label: '怀柔区', value: '110116' },
      { label: '平谷区', value: '110117' },
      { label: '密云区', value: '110118' },
      { label: '延庆区', value: '110119' },
    ],
  },
  {
    label: '天津市',
    value: '120000',
  },
  {
    label: '河北省',
    value: '130000',
    children: [
      {
        label: '石家庄市',
        value: '130100',
        children: [
          { label: '长安区', value: '130102' },
          { label: '桥西区', value: '130104' },
          { label: '新华区', value: '130105' },
          { label: '井陉矿区', value: '130107' },
          { label: '裕华区', value: '130108' },
          { label: '藁城区', value: '130109' },
          { label: '鹿泉区', value: '130110' },
          { label: '栾城区', value: '130111' },
        ],
      },
      { label: '唐山市', value: '130200' },
      { label: '秦皇岛市', value: '130300' },
      { label: '邯郸市', value: '130400' },
      { label: '邢台市', value: '130500' },
      { label: '保定市', value: '130600' },
    ],
  },
  {
    label: '新疆',
    value: '650000',
    children: [
      {
        label: '乌鲁木齐市',
        value: '650100',
        children: [
          { label: '天山区', value: '650102' },
          { label: '沙依巴克区', value: '650103' },
        ],
      },
      { label: '克拉玛依市', value: '650200' },
      { label: '吐鲁番市', value: '650400' },
      { label: '哈密市', value: '650500' },
      { label: '博尔塔拉蒙古自治州', value: '652700' },
      { label: '巴音郭楞蒙古自治州', value: '652800' },
      { label: '阿克苏地区', value: '652900' },
      { label: '克孜勒苏柯尔克孜自治州', value: '653000' },
    ],
  },
  {
    label: '上海市',
    value: '310000',
  },
  {
    label: '黑龙江省',
    value: '230000',
  },
];


const value=ref([])
</script>

<template>
  <div>
    <LArea  v-model="value" :options="options" :showAllLevels="false" :clearable="true"></LArea>
  </div>
</template>
